<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="personal_profile.css">
    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
    <div class="container">
        <h1>个人中心</h1>
        
        <div class="profile-card">
            <div class="avatar">
                <i class="fas fa-user-circle"></i>
            </div>
            <div class="info">
                <h2></h2>
                <p></p>
            </div>
        </div>

        <div class="options">
            <div class="option">
                <i class="fas fa-user-edit"></i>
                <span>修改个人信息</span>
                <i class="fas fa-angle-right"></i>
            </div>
            <div class="option">
                <i class="fas fa-key"></i>
                <span>修改密码</span>
                <i class="fas fa-angle-right"></i>
            </div>
        </div>

        <button class="logout-btn">退出登录</button>
    </div>

    <!-- 底部导航 -->
    <nav class="bottom-nav">
        <div class="nav-item" onclick="window.location.href='/demo/index/index.html'">
            <i class="fas fa-hospital"></i>
            <span>医疗</span>
        </div>
        <div class="nav-item" onclick="window.location.href='/demo/knowledge/knowledge.html'">
            <i class="fas fa-book-medical"></i>
            <span>知识</span>
        </div>
        <div class="nav-item " onclick="window.location.href='/demo/records/records.html'">
            <i class="fas fa-heart"></i>
            <span>档案</span>
        </div>
        <div class="nav-item active" onclick="window.location.href='/demo/personal_profile/personal_profile.html'">
            <i class="fas fa-user"></i>
            <span>我的</span>
        </div>
    </nav>
    <script src="personal_profile.js"></script>
</body>
</html>